vue官方安装地址:

https://cn.vuejs.org/v2/guide/installation.html

 

环境搭建:

1.安装 nodejs

2.搭建vue的开发环境

3.安装vue的脚手架工具 官方命令行工具(vue-cli)

npm install --global vue-cli / cnpm install --global vue-cli

 

创建项目(必须cd到对应的建立项目的文件夹里面):

方式一:

vue init webpack vue-demo01(项目名称)

cd vue-demo01 (进入项目文件夹中)

npm install (安装项目启动依赖)

npm run dev (启动项目)

方式二(小项目使用方式,更加精简)推荐:

vue init webpack-simple vue-demo02(项目名称)

cd vue-demo02(进入项目文件夹中)

npm install (安装项目启动依赖)

npm run dev (启动项目)

vue项目环境搭建(第一天)

vue 目录结构分析:

vue项目环境搭建(第一天)

node_modules: 启动项目下载各种依赖包

src: 开发所用资源

index.jsp: 入口文件(建议不改动)

package.json: 项目配置文件

README.md: 项目打包说明文件

webpack.config.js: webpack配置文件

vue项目环境搭建(第一天)

assets: 静态资源文件

App.vue:根组件

main.js:js文件

 

未完待续......

 

相关文章:

  • 2021-03-31
  • 2021-08-18
  • 2021-04-20
  • 2022-12-23
  • 2021-08-29
  • 2021-09-05
  • 2021-07-01
  • 2021-10-16
猜你喜欢
  • 2021-11-25
  • 2022-02-21
  • 2022-12-23
  • 2021-08-19
  • 2021-11-25
  • 2021-10-30
  • 2021-07-04
相关资源
相似解决方案