首先在使用vue之前的准备工作。
环境：
1)安装node
去官网https://nodejs.org/en/下载安装包，安装完成后，输入node -v 看下是否成功。
node -v 检测安装结果
如上图所示，即为成功。
2）安装cnpm
输入命令: $sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose
此时会提示让你输入一个密码，即你的用户开机密码，输入回车即可，如果出现下面的信息（最下面几行）说明安装成功：
cnpm
输入命令：cnpm -v 检测是否成功。
cnpm -v 安装检测结果
如上图所示，即为成功。
3）安装脚手架
输入命令：$sudo npm install -g vue-cli
此时也会让你输入开机密码，等待即可。
再输入命令：vue -V 验证是否安装完成。
vue -V 安装检测结果
如图所示，显示版本号即为安装成功。
工具：
环境安装好了之后，开始新建项目了。我用的是vscode，所以以下是以vscode为例运行vue项目的，仅供参考。
新建一个文件夹，用vscode打开。然后打开vscode的终端(ctrl+`或者在查看【view】里找到终端【terminal】)。即可打开。
然后执行命令：vue init webpack projectname,（这里的projectname是你自己命名的。）
然后一直按确认或输入y按确认，等待项目初始化，如下图
init
项目完成后，在执行如下图所示的命令：
运行命令
执行：cd vueTest(这里的vueTest就是你命名的projectname)
在执行：npm run dev，成功之后如下图
运行地址
这个时候你只要把http://localhost:8080/#/复制在网页上打开就可以看到了
vue
做到这一步，恭喜，你成功了。接下来你就可以开始自己的项目了。
网友评论