VUE脚手架安装及VUE项目创建

VUE安装配置

1、获取vue信息

命令：

npm info vue

如果报错用管理员身份打开cmd窗口

2、安装vue

命令：

npm install vue -g

3、安装Vue-cli脚手架

命令：

npm i @vue/cli -g

4、创建目录，并cmd进入

例如：D:\lc-work-vue\vueDemo>

5、创建VUE项目

命令：

vue create vuedemo001

如果出现报错：

【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。

解决办法：

1. 以管理员的身份运行PowerShell

2. 执行：get-ExecutionPolicy，如果回复Restricted，表示状态是禁止的

3. 执行：set-ExecutionPolicy RemoteSigned

4. 选择Y

5. 执行：get-ExecutionPolicy进行查看，是否已修改为RemoteSigned

6、选择vue2

7、进入vuedemo001目录

命令：

cd vuedemo001

8、启动vuedemo001项目

命令：

npm run serve

使用VUE UI创建VUE项目（可选）

1. 打开CMD，输入vue ui

2、进入Vue

VSCode软件下载：

https://code.visualstudio.com/

VScode打开VUE项目

1. 打开VScode，导入项目vuedemo001

1. 启动VUE项目

命令：

npm run serve