上篇有讲到如何配置 https://www.cnblogs.com/HDWdemo/p/12028543.html

一、构建项目（需要用webpack）

1.在命令行先到自己要存放的目录下，然后输入以下代码初始化一个项目

解释一下这个命令，这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。其中vueDemo是整个项目文件夹的名称，这个文件夹会自动生成在你指定的目录中。

vue init webpack vueDemo

 

 

 然后按照步骤提示一步步选择

? Project name  输入项目名称

? Project description 输入项目描述(不需要就回车)

? Author 作者

? Vue build 打包方式，回车就好了

? Install vue-router?  选择  Y 使用 vue-router，输入 N 不使用

? Use ESLint to lint your code? 代码规范，推荐 N

? Setup unit tests with Karma + Mocha? 单元测试，推荐 N

? Setup e2e tests with Nightwatch? E2E测试，N

接下来就等待项目搭建好。 在install途中会报警告WARN

在官网的API文档中查阅为版本的问题This version has been deprecated此版本已被弃用。
详情可*到官网API详细了解。https://www.npmjs.com/package/browserslist/v/2.11.3
不过一般来说警告对项目的创建不会带来太大的影响，只要可以npm run dev可成功运行可以根据个人选择不处理。

 

二、运行项目 好了，现在我们已经建立好自己项目了。但是还没初始化。

cd <project name>    // cd 你刚才写建立的项目名。进入。

cnpm install    // 初始化项目，安装依赖。

运行该项目，测试一下该项目是否能够正常工作，这种方式是用nodejs来启动。

cnpm run dev