deepin15.11利用vscode配置Vue

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,显示成功即搭建完成