deepin15.11利用vscode配置Vue
1.安装node和npm
建议不要使用sudo apt install去安装
可从官网下载:https://nodejs.org/zh-cn/
2.下载后解压文件
执行:
sudo ln -s /home/lzz/node/node-v12.16.1-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/lzz/node/node-v12.16.1-linux-x64/bin/npm /usr/local/bin/npm
前面是下载下来包的路径,后面的时固定的(后面的链接相同)
之后执行npm -v 和node -v 检查版本
3.安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
创建链接
sudo ln -s /home/lzz/node/node-v12.16.1-linux-x64/bin/cnpm /usr/local/bin/cnpm
查看版本信息 cnpm -v
4.安装Vue
cnpm install vue
5.安装Vue-cli
cnpm install --global vue-cli
创建链接
sudo ln -s /home/lzz/node/node-v12.16.1-linux-x64/bin/vue /usr/local/bin/vue
终端输入Vue可得到相应的提示
6.安装webpack(4.0版本以上还需要安装webpack-cli)
本地安装:(强烈不建议全局安装,有需要可去官网查看)
npm install --save-dev webpack
npm install --save-dev webpack@<version>//指定版本
7.利用Vue-cli脚手架创建一个项目
将npm源切换到淘宝
npm install –registry=https://registry.npm.taobao.org
其他的切换方法可访问该博客:
https://www.cnblogs.com/hit-zb/p/10933265.html
进入相应工程目录,执行
vue init webpack demo01-web
demo01-web是自定义的项目名,后面的配置根据需要选择
8.运行项目
npm run dev
之后在浏览器注入localhost:8080,显示成功即搭建完成