第一步 npm 安装
首先：先从nodejs.org中下载安装nodejs，
官网下载界面
这两个版本官方的解释是：
LTS 版本：Long-term Support 版本，长期支持版，即稳定版
Current 版本：Latest Features 版本，最新版本，新特性会在该版本中最先加入
我们下载LTS版本即可，双击安装，一路Next
nodejs安装
直至Finish，安装完成（默认npm命令也安装完成了，但不是最新的）。
检验是否安装成功，我们可以在命令窗口（cmd）下用命令
node -v
npm -v
安装成功后查看版本
如果npm不是最新的，运行
npm install -g npm
国内直接使用npm 的官方镜像是非常慢的，推荐使用淘宝 NPM 镜像。
命令是：
npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以用cnpm来安装模块了。
第二步 项目初始化
1.安装VUE脚手架（vue-cli）
cnpm install vue-cli -g //全局安装 vue-cli
安装完成后，需要查看一下vue的版本号
vue -V
查看vue版本
如果出现版本号，说明我们安装成功了！
2.建立项目
我们用命令，vue init webpack “项目名称”来建立项目，建立一个名字为my-project的项目
vue init webpack my-project
? Project name my-project// 项目名称，直接回车（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）
? Project description A Vue.js project //项目描述，也可直接点击回车，使用默认名字
? Author galen@git.xgqq.com //作者，输入你的大名
? Vue build standalone <use arrow keys>//你可以通过上下箭头来选择，一般选择第一个
? Vue build standalone
? Install vue-router? Yes//是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。
? Use ESLint to lint your code?No //是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，代码严格匹配。
? Pick an ESLint preset Standard： //接下来也是选择题 Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，直接y回车
? Set up unit tests? Yes//是否安装单元测试，我选择安装y回车
? Pick a test runner jest
? Setup e2e tests with Nightwatch? //Yes： 是否安装e2e测试 ，我选择安装y回车
? Should we run npm install for you after the project has been created? (recom
mended) npm：
cd my-project //进入到项目目录
cnpm install//安装项目依赖
cnpm run dev//启动项目
安装成功了
网友评论