vue项目创建

1、首先安装node(PS:如果是刚安装好node的,请先全局安装vue-cli脚手架 ,安装命令: npm install -g vue-cli)

2、安装好node后,打开cmd命令控制面板(最好指定在自己想要的目录下)

3、创建一个vue项目

    首先执行命令:  vue init webpack my-project    注意(my-project)是自己的项目名,可以自己定

    回车,等待加载配置

        注意y表示yes,n表示no

        ? Project name ( my-project ) y, 回车既可

        ?project description ( A Vue.js project ) 回车既可

        ?Author ( xxxxxx <xxxxx@xx.com> ) 回车既可

        ? Vue build ( user arrow Keys ) 回车既可

        ? Install vue-router?(Y/n)Y 回车既可 (是否安装路由)

        ?Use ESLint to lint your code? (Y/n) 敲n回车既可(是否安装路由)

        ?Set up unit tests (Y/n) 敲n回车既可 ( 是否安装单元测试 )

        ?Setup e2e tests with Nighwatch?(Y/n) (  e2e测试)

        ?Should we run `npm install` for you after the project has been created? (recommended) (use arrow Keys)

             -npm

            -yarn   (选择npm) 

            这里是选择安装方式

            选择完成后,回车等待安装即可

 顺序执行如上图的命令

 如果出现错误,可以先试试执行 npm install命令,再执行npm run dev命令

如果成功,则会出现如下说明

 打开浏览器,输入地址localhost:8080,出现下图的界面,说明创建成功!

原文地址:https://www.cnblogs.com/wulixu/p/14558714.html