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地址,可以看到以下网页,至此,工程创建成功