基于vue2.0和vue-cli搭建前端项目

标签：run   nodejs   str   try   ...   span   style   pre   html   

1.安装node.js

2.基于node.js,利用淘宝npm镜像安装相关依赖 （注意检查版本更新）

3.检查node的版本：

　　  用 npm install npm -g 更新npm的版本，再次输入 npm -v 确认版本大于3.0

4.安装淘宝镜像：国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像，不用镜像后面的安装还可能报错，

　　  安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

5.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

        1.输入：cnpm install -g( 全局 ) vue-cli，回车，等待安装...

        2.输入：vue，回车，若出现vue信息说明表示成功

6.创建项目

　　　在cmd( Git )里输入：vue init webpack vue_test(项目文件夹名)，回车，等待中...

7.安装依赖

         1).输入：cd vue_test    ( 项目名 )，回车，进入到具体项目文件夹

         2).输入：cnpm install，回车，等待一小会儿

       回到项目文件夹中，会发现项目结构里多了一个node_modules文件夹

　　　　（ 该文件里的内容就是之前安装的依赖 ）

8.测试环境是否搭建成功

         1.在cmd( Git )里输入：cnpm run dev

         2.在浏览里输入：localhost:8080( 默认端口为8080 )

基于vue2.0和vue-cli搭建前端项目

标签：run   nodejs   str   try   ...   span   style   pre   html   

原文地址：https://www.cnblogs.com/waib/p/8989863.html