UVE开发环境搭建及项目启动

1、IDE安装visual studio code ，略；

2、node安装（node-v10.5.0-win-x64.zip），解压即可；

3、配置node环境变量，cmd 输入node -v、npm -v 测试

4、打开visual studio code，terminal（命令行）输入：
　　->npm install -g cnpm --registry=https://registry.npm.taobao.org
　　->cnpm install --global vue-cli

 安装demo项目：

完整版：vue init webpack vue-demo01
精简版：vue init webpack-simple vue-demo01
cd 目录
cnpm insall
npm run dev

----异常-----

1、创建Vue项目出错，提示vue : 无法加载文件C:UsersxxxAppDataRoaming
pmvue.ps1，因为在此系统上禁止运行脚本。
　　　　（1）以管理员身份运行PowerShell
　　　　（2）执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的
　　　　（3）执行：set-ExecutionPolicy RemoteSigned
　　　　（4）选择Y

2、vue init时，控制台乱码
　　　　输入CHCP 65001，将编码格式设成utf-8，再创建就不会乱码了

VSCode添加右键

-----------添加.reg-----------------

Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT*shellVScode]
@="VScode"
"Icon"="D:\software\Microsoft VS Code\Code.exe"
[HKEY_CLASSES_ROOT*shellVScodeCommand]
@="D:\software\Microsoft VS Code\Code.exe "%1""
[HKEY_CLASSES_ROOTDirectoryshellVScode]
@="VScode"
"Icon"="D:\software\Microsoft VS Code\Code.exe"
[HKEY_CLASSES_ROOTDirectoryshellVScodecommand]
@="D:\software\Microsoft VS Code\Code.exe "%1""

-----------删除.reg-----------

Windows Registry Editor Version 5.00
[-HKEY_CLASSES_ROOT*shellVScode]

[-HKEY_CLASSES_ROOT*shellConEmu]

命令集：

安装带版本插件：cnpm i vue@2.3.0 --save-dev

安装webpack-dev-server：cnpm install --save-dev webpack-dev-server