|
2021最新 Vue项目初始化配置（vscode）
1.下载并配置Node.js
访问链接下载
下载 | Node.js 中文网 (nodejs.cn)并在CMD或者VSCode终端配置链接到淘宝镜像
npm install -g com --registry=http://registry.npm.taobao.org
之后的 npm install 命令都改为 cnpm install
复制代码
2.配置 VUE 脚手架环境以及配置 VUE 项目
在CMD或者VSCode终端配置 脚手架环境：
安装脚手架： vue create 项目名称 回车
1. 后向下选择手动配置 Manually 回车
2. 点空格选择框架 Router Vuex CSSPre-processors 回车
3. Use history mode for router?(是否需要安装router) 输入y 点回车
4. Pick a CSS pre-processor?(选择一种预处理器) 选择 Sass/SCSS (with dart-sass) 回车
5. Pick a linter 选择 ESLint + Standard config 回车
6. Pcik additional lint features(检测到不规范的地方是否自动修复提交) 第二个选项，推荐选择 回车
7. Where do you...(配置文件是否单独创文件) 推荐选择第一个 回车
8. Save this as...(是否保存上面的配置方便以后使用) 推荐 n 回车
复制代码
运行VUE项目
运行项目：先cd到项目文件夹，然后输入以下指令 npm run serve 启动
复制代码
3.其他配置插件
关于代码规范的 VSCode 插件请参考文章 # voanit作者 juejin.cn/post/684490…
|