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:\Users\xxx\AppData\Roaming\npm\vue.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\*\shell\VScode]
@="VScode"
"Icon"="D:\\software\\Microsoft VS Code\\Code.exe"
[HKEY_CLASSES_ROOT\*\shell\VScode\Command]
@="D:\\software\\Microsoft VS Code\\Code.exe \"%1\""
[HKEY_CLASSES_ROOT\Directory\shell\VScode]
@="VScode"
"Icon"="D:\\software\\Microsoft VS Code\\Code.exe"
[HKEY_CLASSES_ROOT\Directory\shell\VScode\command]
@="D:\\software\\Microsoft VS Code\\Code.exe \"%1\""

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

Windows Registry Editor Version 5.00
[-HKEY_CLASSES_ROOT\*\shell\VScode]

[-HKEY_CLASSES_ROOT\*\shell\ConEmu]

 

 

 

命令集：

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

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