vue项目建立

vue项目建立。

vue开发心得，最近作了一个项目，vue开发移动端项目并打包成app。通过两个月左右的学习，完成了这个项目，把这篇博客分享个你们，但愿你们不要走弯路。

建立vue项目最重要的是环境搭建，

第一步：node.js安装（地址：https://nodejs.org/en/）

安装好之后，node和npm的环境都搭建好了。新建一个文件夹，用 windows PowerShell （shift+右键） 打开命令行：

1.node -v  查看node的版本。

2.npm -v  查看npm的版本。

 

 

 这样就没问题。

咱们能够使用定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm，用淘宝代理，这样能够提升效率:

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

第二步：vue项目环境搭建，生成文件。

全局搭建uve 交互式的项目脚手架 vue-cli:

 npm install --global vue-cli

vue list 用来查看安装的版本：

vue list

 

 

 正常状态。

 输入下面命令生成vue的标准模板

vue init webpack my-vue

项目名 和 安装vue-router 重要，其余的回车和n就行。

　安装好之后会自动出现默认模板的vue文件了。

 

 

 生成的文件，而后咱们用编辑器打开。

第三步：运行vue项目。

 这是hbuilder用打开的，而后打来命令行，输入命令：

npm run dev

 就能看到下面返回了一个连接，放到浏览器就能打开了。

 

 

 

 上面是用hbuilder咱们也能够用 IntelliJ IDEA 打开，可是咱们要配置环境： 

 

 

 

 

咱们点击添加启动配置，选择npm scripts 选择dev,而后ok.

 

 

 

 点击运行，就能看到下面返回了一个连接，放到浏览器就能打开了。