我要评论一、开发环境
vue推荐开发环境:
node.js: javascript运行环境(runtime),不同直接运行各种语言
npm: nodejs下的包管理器。
webpack: 它主要的用途是通过 commonjs 的语法把所有端需要发布的静态资源做相应的准备，比如资源的合并和打包。
vue-cli: 用户生成vue工程模板
二、环境搭建
安装node.js：
1. 从node.js官网下载并安装node，安装过程很简单。
2. npm 版本需要大于 3.0，如果低于此版本需要升级它：
# 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g
3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝npm镜像（https://npm.taobao.org/）
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
完成之后，我们就可以用cnpm代替npm来安装依赖包了。
三、安装vue-cli脚手架构建工具
安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
$ cnpm install -g vue-cli # 回车，等待安装... $ vue # 回车，若出现vue信息说明表示成功
四、用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
? 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
五、安装依赖
在cmd里
1).输入：cd my-project（项目名），回车，进入到具体项目文件夹 2).输入：cnpm install，回车，等待一小会儿
回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）
六、测试环境是否搭建成功
方法1：在cmd里输入：npm run dev
方法2：在浏览里输入：localhost:8080(默认端口为8080)
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论