vue开发环境搭建

vue开发环境搭建

安装node

$ sudo apt-get install nodejs
$ sudo apt-get install npm

npm镜像源

# 查看npm镜像源
$ npm config get registry
# 修改npm镜像源
$ npm config set registry https://registry.npm.taobao.org
# 更新npm
$ sudo npm install npm@latest -g
# 查看npm版本
$ npm -v

安装 vue

# 安装 vue
# 全局安装
$ npm install -g vue

# 安装 vue-cli
$ npm install -g @vue/cli

# 安装 webpack
# 全局安装
$ npm install -g webpack

创建项目

用图形化管理界面创建项目 (Windows系统必须用cmd，否则报错。用命令行打开项目文件夹（一般切换到 D 盘）)，

打开图形化界面

$ vue ui

在图形化界面下创建项目

创建成功后使用 编辑器 打开项目进行开发。

建立Web测试环境，实时查看界面效果。(必须在项目目录下)

$ npm run serve

生成html文件，用于发布到服务器上。

不填路径：默认为相对路径（UI界面）

$ npm run build