美文网首页我爱编程
vscode搭建vue开发环境

vscode搭建vue开发环境

作者: hua6766 | 来源:发表于2019-07-18 21:26 被阅读13次

官网下载安装nodejs, 它自带npm
系统变量Path中会自动加入C:/Program Files/nodejs/

//
# 查看版本号
node -v 

# 查看版本号
npm -v 

# 安装淘宝镜像 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 查看版本号确认安装成功
cnpm -v

官网下载安装,打开VSCode
菜单 open folder, 打开项目
demo地址 https://github.com/hua7381/demo-frontend
菜单 terminal -> new terminal

//
# 查看版本号确认安装成功
cnpm -v

# 安装依赖, 依赖在package.json中编写
cnpm install

# 运行调试
cnpm run dev
# 首次运行应该会报错, 需全局安装如下程序
cnpm install webpack-dev-server -g
cnpm install webpack -g
cnpm install webpack-cli -g

# 打包
cnpm run build

相关文章

网友评论

    本文标题:vscode搭建vue开发环境

    本文链接:https://www.haomeiwen.com/subject/dimrlctx.html