<---
前言:因为用npm很慢,所以用淘宝镜像===>详细信息可以参考此链接(https://npm.taobao.org/),因为服务器架在国内所以下载模块很快,如果直接用npm命令会很慢
任意路径执行命令:“npm install -g cnpm --registry=https://registry.npm.taobao.org”
执行完后即可全局用cnpm来代替npm了,这样在其它项目安装上非常快速!
--->
1、安装vue-cli和angular一样,安装vue的客户端管理工具,全局安装
代码:
cnpm install -g vue-cli 或者 cnpm install --global vue-cli。
【显而易见前者代码更少方便,以上是全局安装,即哪个路径都可以用;但如果是开发环境(即某个路径下才能用)用的模块则:cnpm install 模块名 --save-dev,此时就会出现package.json文件然后就会在“devDependencies:{}"配置中看到了】
2、安装完vue-cli后就可以用vue的一些命令了,这就是vue-cli的作用。下一步就是创建一个基于webpack的项目了
代码:
vue init webpack 项目名字
【注意:项目名只能是英文,不能有大写字母!否则会报错,如下sorry,name can no longer contain capital letters】比如:vue_webpack
3、接着需要你自己输入项目名字,选择如何搭配你的项目
? Project name vue_webpack
? Project description A Vue.js project
? Author lhl
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
4、安装依赖模块(在项目文件夹,本例为:vue_webpack)
cnpm install
5、启动(在项目文件夹)
cnpm run dev