| Linux Vue环境搭建 | | | --- | --- | ``` 注释：搭建VUE环境其实是搭建一个node.js的环境 1、到node.js官网下载对应的版本 wget http://cdn.npm.taobao.org/dist/node/v10.16.0/node-v10.16.0-linux-x64.tar.xz 2、先xz解压，再tar解压 xz -d node-v10.16.0-linux-x64.tar.xz tar -xvf node-v10.16.0-linux-x64.tar 3、如果wget的路径在/root/下面，建立软链接，配置全局环境变量，这样一来，/root/node-v10.16.0-linux-x64 文件将不能删除 ln -s /root/node-v10.16.0-linux-x64/bin/node /usr/local/bin/node ln -s /root/node-v10.16.0-linux-x64/bin/npm /usr/local/bin/npm 4、检查是否配置成功 node -v v10.16.0 npm -v 6.9.0 ``` | vue 环境搭建 | | | --- | --- | 注意事项 1、前提安装好了node.js的环境 2、npm 版本需要大于 3.0，如果低于此版本需要升级它 npm install npm -g #升级 npm 3、基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/） ``` npm install -g cnpm --registry=https://registry.npm.taobao.org ``` 完成之后，我们就可以用cnpm代替npm来安装依赖包了 1、安装vue-cli脚手架构建工具 ``` npm install -g vue-cli # 回车，等待安装... vue# 回车，若出现vue信息说明表示成功 ``` 2、用vue-cli构建项目 ``` # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置，默认回车即可 This will install Vue 2.x version of the template. For Vue 1.x use: vue init webpack#1.0 my-project ? Project name my-project ? Project description A Vue.js project ? Author runoob <test@runoob.com> ? Vue build standalone ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Setup unit tests with Karma + Mocha? Yes ? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "my-project". To get started: cd my-project npm install npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack ``` 3、安装依赖 ``` cd my-project #进入到具体项目文件夹 npm install #回车，等待一小会儿 ``` 回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖） 4、测试环境是否搭建成功 ``` 方法1：在cmd里输入：npm run dev 方法2：在浏览里输入：localhost:8080(默认端口为8080) ```