一、进入项目:cd TestDemo\VueStudy
二、创建项目
注:第一次安装的Node版本比较高,卡在了“Project description”,后来把Node.js降到8.0.0,创建项目就可以了。
方式一:vue init webpack 项目名(项目文件较多)
方式二:vue init webpack-simple 项目名(项目文件较精简,适合中小型项目)
三、启动项目(命令)
方式一启动:
1、进入项目:cd vuedemo01
2、启动:cnpm run dev
浏览器打开:http://localhost:8080
方式二启动:
1、进入项目:cd vuedemo02
2、安装:cnpm install
3、启动:cnpm run dev
浏览器打开:http://localhost:8080
四、WebStorm启动项目
1、打开项目:File-------Open-------项目路径
2、配置启动:
点击“Add Configuration”,弹出“Run/Debug Configurations”框
点击“+”,选择“npm”
配置如下,点击“OK”
点击绿色三角(Run模式),即可启动
启动完成,浏览器自动弹出(若无弹出,可输入http://localhost:8080)