1.1 安装vue-cli 脚手架 --> npm install -g vue-cli
验证安装是否成功:vue
结果:5个模板,分别是browserify,browserify-simple,
simple,webpack,webpack-simple
此处创建的是一个webpack模板
出现:project name<vue-cli-test>:项目的名称
project description <A vue.js proect>:项目描述
Author <*** <***邮箱地址>>
Vue build (默认 :standalone)
Install vue-router? :是否创建路由
Use ESLint to lint your code? (Y/n) :使用eslint依赖规范你的代码
Pick an ESLint preset Standard :eslint 预设选项
Setup unit tests with Karma + Mocha? :是否使用单元测试
Setup e2e tests with Nightwatch? :是否e2e测试
1.3 生成的文件路径下,自动加载
进入创建文件路径 -->cd <项目名称>
查看文件 -->dir (或者直接到对应的目录下面进行查看)
1.4 安装模块下代码的依赖 -->npm install(过程比较漫长)
1.5 安装成功后多了一个node_modeles目录
运行 --> npm run dev
出现: strating dev server
listening at http://localhost:8080
(8080端口是默认的,可能会出现端口占用的情况,更改一个即可)
1.6 在浏览器中可以看到创建的一个初始项目
验证安装是否成功:vue
1.2 到创建项目的路径,创建项目 --> vue init webpack <项目名称>
1.0的项目的话,vue init webpack#1.0 <项目名称>
查看预设的模板--> vue list结果:5个模板,分别是browserify,browserify-simple,
simple,webpack,webpack-simple
此处创建的是一个webpack模板
出现:project name<vue-cli-test>:项目的名称
project description <A vue.js proect>:项目描述
Author <*** <***邮箱地址>>
Vue build (默认 :standalone)
Install vue-router? :是否创建路由
Use ESLint to lint your code? (Y/n) :使用eslint依赖规范你的代码
Pick an ESLint preset Standard :eslint 预设选项
Setup unit tests with Karma + Mocha? :是否使用单元测试
Setup e2e tests with Nightwatch? :是否e2e测试
1.3 生成的文件路径下,自动加载
进入创建文件路径 -->cd <项目名称>
查看文件 -->dir (或者直接到对应的目录下面进行查看)
1.4 安装模块下代码的依赖 -->npm install(过程比较漫长)
1.5 安装成功后多了一个node_modeles目录
运行 --> npm run dev
出现: strating dev server
listening at http://localhost:8080
(8080端口是默认的,可能会出现端口占用的情况,更改一个即可)
1.6 在浏览器中可以看到创建的一个初始项目