安装nodejs
打开cmd,输入
node -v
;如果有版本号就代表已经安装成功。如果没有在nodejs官网下载安装即可。
安装 cnpm (淘宝镜像)
这是国内npm镜像可以提升包的安装速度。同步频率目前为 10分钟一次。
npm install -g cnpm --registry=https://registry.npm.taobao.org
全局安装webpack
npm install webpack -g
cnpm install webpack -g
安装完成后再cmd 输入webpack -v
或者webpack --version
如有有版本号输出则证明安装成功
全局安装vue-cli(脚手架)
npm install vue-cli -g
或
cnpm install vue-cli -g
安装完成后再cmd 输入vue -V
或者vue --version
如有有版本号输出则证明安装成功
创建vue模板项目
vue init webpack project-name
? Project name project-name // 项目名称
? Project description A Vue.js project // 项目描述
? Author xxx // 项目创建人
? Vue build standalone
? Install vue-router? Yes // 是否使用路由
? Use ESLint to lint your code? Yes //是否使用ESLint(javascript代码检测工具)
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
启动
cd vue-book
npm run dev