node.js+vue项目搭建

vue+node.js

安装vue-cli
1、在命令行下输入命令：npm install -g @vue/cli，如下图所示：(注意：如果要用淘宝镜像，则npm改为cnpm，速度会明显加快，建议改为cnpm)

cnpm install -g @vue/cli

耐心等待安装，在此期间，系统会有许多提示信息
-g表示全局安装
2、在命令行下输入命令：vue --version，若可以查到vue版本，表示安装成功

vue  --version

3、输入命令vue create ***，其中×××表示前端工程的名称（这里为temp3），如下图所示：

 vue create demo

4、按照系统提示选择相应选项，应用上下键，选择Manually select features，表示自定义安装，选中后按回车进入下一步

5、通过上下键(选择)和空格键（确定选中），选择以下选项（其中babel是用来解释js6的，Router和Vuex是接下来重点要用的两个插件，实现路由和共享数据），选择后按回车进入下一步

耐心等待安装
6、这里输入y，表示应用历史模式，输入y后按回车

7、配置信息写在哪里，做一个选择，这里选择了特定的package.json

8、前面做的一系列预设是否保存下来，如果自己做，建议保存，下次可以快速创建工程。但在这里不做保存，输入n

9、耐心等待工程创建

10、根据提示，在安装完成后切换到该工程所在文件夹，并输入命令npm run serve

11、根据提示信息，在浏览器中分别输入http://localhost:8080或ip地址，可以看到以下网页,至此，工程创建成功