一、创建vue项目步骤如下 :
1、 安装nodejs环境
官网下载:https://nodejs.org/en/download/
安装完后 ,打开cmd ,查看node 、npm的版本
node -v
npm -v
2、安装vue-cli
npm install -g vue-cli
查看vue 的版本号:
vue -V //注意:是大写的V
3、在电脑某盘创建一个项目集的文件夹,命名,如:projects
4、打开你的编辑器,如idea或者webstrom,打开projects文件夹,开始创建若干个vue项目
5、在项目集文件夹projects中创建第一个vue项目,命名为 vue01
vue init webpack vue01
? Project name 项目名称
? Project description 项目描述
? Author 作者
? Vue build standalone
? Install vue-router? Yes 是否使用vue-router
? Use ESLint to lint your code? Yes 是否使用ESLint
? Setup unit tests with Karma + Mocha? (Y/n) n 是否需要单元测试
? Setup e2e tests with Nightwatch? (Y/n) n是否需要单元测试
6、打开vue01:
cd vue01
7、安装依赖:
npm install
8、运行项目
npm run dev
注意:
1、如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用了(默认服务启动的是本地的8080端口),可以通过修改一下配置文件 config>index.js里的端口号
2、如果想项目一执行 npm run dev 就打开浏览器,只需要修改config文件夹中index.js文件的autoOpeBrowser:true;
二、打包项目:
项目开发完成后,使用 以下命令进行打包:
npm run build
打包完成后,会 在当前项目中生成dist文件夹,项目需要上线时,只需要把dist文件夹放到服务器就可以了