使用 vs code 搭建vue项目(一)
程序员文章站
2022-06-12 10:56:04
...
1. 配置环境
1.1. 安装nodejs,下载地址:https://nodejs.org/en/download/。 步骤…..安装完成后,输入node-v,提示如下,则安装完成。
1.2. 安装vs code
下载地址:https://code.visualstudio.com/Download
1.3. 安装插件
2. 创建一个vue项目
vue init webpack your-project-name, your-project-name为你的项目名,我创建的是helloworld
接下来根据提示开始操作
安装完毕后
输入yarn install
最后运行:npm run dev
最后访问地址:http://127.0.0.1:8080/#/,出现如下即可。
搭建第一步完成,里面的所用命令,下来慢慢深究。
1.1. 安装nodejs,下载地址:https://nodejs.org/en/download/。 步骤…..安装完成后,输入node-v,提示如下,则安装完成。
1.2. 安装vs code
下载地址:https://code.visualstudio.com/Download
1.3. 安装插件
2. 创建一个vue项目
vue init webpack your-project-name, your-project-name为你的项目名,我创建的是helloworld
接下来根据提示开始操作
安装完毕后
输入yarn install
最后运行:npm run dev
最后访问地址:http://127.0.0.1:8080/#/,出现如下即可。
搭建第一步完成,里面的所用命令,下来慢慢深究。
推荐阅读
-
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
-
详解VS Code使用之Vue工程配置format代码格式化
-
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
-
使用vue-cli3新建一个项目并写好基本配置(推荐)
-
使用vue脚手架(vue-cli)搭建一个项目详解
-
Vue使用NPM方式搭建项目
-
使用vue-cli脚手架工具搭建vue-webpack项目
-
从零开始搭建前后端分离的NetCore2.2(EF Core CodeFirst+Autofac)+Vue的项目框架之七使用JWT生成Token(个人见解)
-
从零开始搭建前后端分离的NetCore2.2(EF Core CodeFirst+Autofac)+Vue的项目框架之十一Swagger使用一
-
Vue2.0+Vux搭建一个完整的移动webApp项目的示例