前端vue-cli脚手架搭建

语雀Vue-Cli脚手架教程
笔记：
1.安装npm
官网：https://nodejs.org/zh-cn/download/
node安装教程
安装到c盘，默认安装即可
2.在命令行工具中输入
C:\Users\admin>node -v
出现：v14.16.0

C:\Users\admin>npm -v
出现6.14.11
出现版本号说明安装成功
3.由于速度原因：
输入：
npm install -g cnpm --registry=https://registry.npm.taobao.org

命令行输入：C:\Users\admin>cnpm -v
出现 cnpm@6.1.1版本号即证明安装成功
4.安装cli

//安装最新@vue/cli版本
cnpm install -g @vue/cli
注：输入的npm的命令替换为cnpm可加快下载速度

5.新建一个文件夹
如：GradPjct 所在位置（E:\GradPjct）

6.在命令控制台进入到文件夹
e:
cd E:\GradPjct
切换到该文件夹的目录
7.输入命令 vue create decorationsystem
注：decorationsystem为所创建的项目名称
8.选择预设模板。这里选择“Manually select features”（手动选择特征）
第一次创建工程时，可以只选择Babel和Router即可。
选择是否使用history 形式的路由，也就是询问路径是否带 # 号，这里选择 n。
询问将依赖文件放在独立文件中，还是package.json中：为了保持工程配置文件的整洁性，这里选择“In package.json”。
询问是否将当前选择保存以备下次使用。这里选择“n”。
9.等待安装：至出现
cd decorationsystem
npm run serve
此时输入：
cd decorationsystem
npm run serve
直至出现

10.在浏览器中测试：http://localhost:8080

则证明成功了