windows下搭建vue开发环境4-创建vue项目

【先要有node.js和vue-cli】
1.进入某个存放vue前端项目的路径中
C:\Windows\system32>E:

E:>cd E:\vue\my
2.开始初始化
E:\vue\my>vue init webpack fof

我这里提醒了
Command vue init requires a global addon to be installed.
Please run npm i -g @vue/cli-init and try again.
让我执行npm i -g @vue/cli-init命令之后再尝试,照做
再次执行vue init webpack fof fof是项目名
大概会有下面的提示:(部分是选y/n,部分是直接选择某个选项)
这里我基本都是选的no,因为很多都是想在后期自己来做

? Project name fof
? Project description A Vue.js project
? Author ROY
? Vue build standalone
? Install vue-router? No
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) no

初始化成功后要执行以下命令:

cd fof 进入项目的路径
npm install (or if using yarn: yarn)
npm run dev 运行项目
在这里插入图片描述
在这里插入图片描述
运行项目npm run dev
在这里插入图片描述
在浏览器中输入提示的网址即可:http://localhost:8081(如下图表示成功)
在这里插入图片描述
之后再开发工具中打开这个项目即可进行开发

Guess you like

Origin blog.csdn.net/newbieJ/article/details/120602176