项目笔记整理01-vue项目搭建

1.vue项目起始

1.项目搭建：

1.node 配置：

（1）安装node下载地址为：https://nodejs.org/en/
（2）检查node版本：node -v 检查npm版本：npm -v
（3）淘宝镜像npm：npm config set registry https://registry.npm.taobao.org
（4） 验证是否成功： npm config get registry// 或npm info express
（5）通过cnpm使用：npm install -g cnpm --registry=https://registry.npm.taobao.org
（6）使用：cnpm install express

2.vue项目搭建：

（1）搭建vue框架：npm install vue
（2）搭建vue-cli脚手架：npm install -g vue-cli（3.0及以下） --创建项目-vue init webpack 项目名
（3）npm install -g @vue/cli (新版4.0) —创建项目-vue create
脚手架4.0搭建选择：
1.手动选择“Manually select features”，再按 Enter。。
2.选择需要的选项。。
3.history路由选择no，否则要配置。。
4.选择的是Sass/Scss(with dart-sass) 。。
5.提供一个插件化的javascript代码检测工具，ESLint + Prettier //使用较多。。
6.Lint on save // 保存就检测。。
7. In dedicated config files // 独立文件放置。。
8. 是否保存当前配置y+名字。。
9. 结束。。
（4）安装脚手架出错：
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 + vue -v + ~~~ + CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

== 解决：路径错误=》在环境变量中添加vue.cmd的路径 ==

vue : 无法加载文件 D:\soft\node\node_global\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Exe cution_Policies。 所在位置 行:1 字符: 1 + vue create doc-demo + ~~~ + CategoryInfo

== 解决：到D:\nodejs\node_global目录，把vue.ps1删了 ==

（5）运行：npm run serve
（6）打包：npm run build