Vue入门安装脚手架

加油，新时代打工人！

一、入门环境

1. 安装npm

1. node下载官网: https://nodejs.org/en/download/傻瓜式“下一步”就可以了
2. 安装成功后，打开node
   

二、安装vue

1. 安装脚手架构建工具

1. 在Node命令行输入：

npm install vue-cli -g

3. 检查安装是否成功
输入 vue -V （V是大写的）

2. 安装打包工具

可以配合VSCode更丝滑哈

npm install -g webpack

遇到问题：vue : 无法加载文件，因为在此系统上禁止运行脚本。
解决，1. VSCode以管理身份运行

2. 在终端输入 set-ExecutionPolicy RemoteSigned
   3.然后就可以输入下载vue命令

vue init webpack vueDomo(名字自取)

遇到问题，出现git加中文乱码，解决方案，自行百度吧！！！

4. 等待安装就可以了，出现以下目录就安装成功了。

三、测试运行

1. 跳转到刚才的vue项目目录中，安装依赖

PS E:\VueDome> cd E:\VueDome\vueDome
PS E:\VueDome\vueDome> npm install

2. 第一种运行Vue方式，输入 npm start

PS E:\VueDome\vueDome> npm start

出现下面界面就成功了 ，我点击访问 http://localhost:8080

3. 第二种运行Vue方式，输入 npm run dev
在config 下index.js配置自动跳转浏览器