Vue环境配置

  • 530 字
  • 次阅读
  • 条评论
  1. 1. 环境安装配置
    1. 1.1. 安装NodeJs
    2. 1.2. 升级npm为最新版本
    3. 1.3. 安装用于安装nodejs的模块n
    4. 1.4. 安装版本
    5. 1.5. 更换国内npm镜像
    6. 1.6. 安装webpack
    7. 1.7. 安装vue脚手架
    8. 1.8. 初始化项目
    9. 1.9. 运行项目

环境安装配置

安装NodeJs

1
2
sudo apt install nodejs-legacy
sudo apt install npm

升级npm为最新版本

1
sudo npm install npm@latest -g

此时通过npm -v可以发现npm版本号为最新版本xxx

安装用于安装nodejs的模块n

1
sudo npm install -g n

安装版本

1
2
3
4
5
6
#安装官方最新版本
sudo n latest
#安装官方稳定版本
sudo n stable
#安装官方最新LTS版本
sudo n lts

更换国内npm镜像

更换后npm将变成cnpm

安装webpack

1
sudo npm install webpack -g

安装vue脚手架

1
cnpm/npm install vue-cli -g

初始化项目

1
vue init webpack [项目名称]

运行项目

1
2
3
4
5
6
#安装项目依赖 (添加依赖或者删除时,须重新安装)
npm install
#运行开发环境
npm run dev
#运行运营环境
npm run build

运行成功可能调用浏览器或者在浏览器中输入http://localhost:8080访问项目。

效果图如下
VUE配置成功后浏览器截图.png

分享这一刻
让朋友们也来瞅瞅!