windows10下,零基础学习VUE(1)--环境配置服务启动(vscode(安装插件vetur)+flask)
Step1:安装node.js
安装后可以使用npm工具
- 配置npm工具,使用国内镜像
- npm install -g cnpm --registry=https://registry.npm.taobao.org
安装webpack包发布工具:
- cnpm i webpack -g
安装vue协助构建工程的框架: vue-cli
- cnpm i vue-cli -g
Step2: 下载组件并运行服务器
vue init webpack-simple vue2new //下载新的示例模板webpack-simple: cd vue2new //进入模板文件夹 cnpm i //根据 package.json下载模块到当前目录/node_modules下 npm run dev //运行服务器
此时该项目已经跑通,可以在浏览器中看到页面,下一步设置开发环境。
Step3: 安装开发环境
- 下载安装vscode
- 安装插件vetur(高亮及补全工具)
设置配置文件(打开-首选项-用户配置)
{ "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" }, "vetur.validation.template": false, "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "editor.formatOnSave": true, "editor.tabSize": 2, }
- 重新启动vscode
相关推荐
Yvettre 2020-09-15
小焊猪web前端 2020-11-04
changcongying 2020-11-02
azhedashuaibi 2020-09-15
zhongfuyu 2020-08-16
lichuanlong00 2020-08-15
gsl 2020-08-15
mmwalker 2020-08-11
山有木兮卿有意 2020-08-03
Java编程语言学习 2020-07-29
举 2020-07-28
sshong 2020-07-19
fushilin 2020-07-05
80296630 2020-07-04
风雨断肠人 2020-06-14
ningningmingming 2020-06-14
hualala 2020-06-13
choupiaoyi 2020-06-13
Wytheme 2020-06-11