Vue.之.项目开发工具选用

Vue.之.项目开发工具选用

  上篇文章记录了创建项目,这篇文件记录,如何对创建的项目进行开发。这里选择一个工具:Visual Studio Code (请自行下载安装)

  1. 打开VSCode工具,并加载项目: File -> Open Folder (然后选择之前创建的项目:ntrc-app)

  

  2. 通过VSCode打开终端: View -> Debug Console 

  

  3. 输入指令,再次运行项目: cnpm run dev (如果之前在cmd黑窗口启动的项目没有关闭的话,这个应用端口是会累加的)

  

  我将之前在黑窗口启动的项目停止掉了,所以这里的端口还是8080.

  4. 访问验证:http://localhost:8080  

  

原文地址:https://www.cnblogs.com/Charles-Yuan/p/11186156.html

时间: 2024-10-07 12:14:05

Vue.之.项目开发工具选用的相关文章

百度地图V2.0实践项目开发工具类bmap.util.js V1.4

/** * 百度地图使用工具类-v2.0(大眾版) * * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email [email protected] * @company KWT.Shenzhen.Inc.com * @notice 有些功能需要加入外部JS库才能使用,另外还需要申请地图JS key . * 申请地址:http://developer.baidu.com/map/apply-key.ht

实例成员:计算属性 监听属性以及vue的项目开发

6)字符串补充 双引号: "前缀" + 变量 + "后缀" 单引号: '前缀' + 变量 + '后缀' 反引号: `前缀$(变量)后缀` ps:在反引号中可以用$()来包裹变量,实现字符串的拼接 7)实例成员:计算属性 监听属性 计算属性: ? 1)计算属性其实就是vue中的方法属性,方法名可以作为属性来使用,属性值就是方法的返回值 ? 2) 在computed中声明的方法属性,不能在data中重复声明,比data中声明的属性要多出些逻辑的的地方 ? 3)方法属性自

第四篇:Vue的项目开发

安装Vue的脚手架cli环境 1)官网下载并安装node,附带npm https://nodejs.org/zh-cn/ node环境: 可以解释执行js语言 提供了npm应用商城,可以为node环境安装其他插件 提供了socket,可以提供npm命令来启动socket 2)换源:将npm欢迎为cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 3)安装vue脚手架 cnpm install -g @vue/cl

vue前端项目开发环境搭建并用npm方式运行

1.下载node.js http://nodejs.cn/download/ 推荐下载 .mis安装包,下一步下一步... 安装完后,通过cmd控制台输入node -v 弹出版本号即成功 2.通过node.js中内置的npm(包/依赖)插件来下载其他开发所需的环境 注意:如设置了代理限制,可通过cmd控制台输入npm config set proxy=http://代理服务器地址:8080 设置代理(网络有代理限制时下载不到依赖包时,按需设置) npm config delete proxy 为

NuxtJS项目——开发工具

一.端对端测试 ava 是一个很强大的 JavaScript 测试框架,结合 jsdom,可以轻松地给 nuxt 应用进行端对端测试.需要三步骤就可以完成端对端测试: (1)添加 ava 和 jsdom 作为项目的开发依赖:npm install --save-dev ava jsdom (2)在 package.json 中添加测试脚本,并配置 ava 需要编译待测试的文件. (3)在 test 目录下编写单元测试的逻辑代码. 实际上 jsdom 会有一定的限制性,因为它背后并没有使用任何的浏

vue中小型项目开发浅谈

组件的本质 组件的本质就是一个可以交互的视图模板 controller去哪了 在react中存在展示组件与容器组件,其中展示组件展示单纯的展示,而容器组件里面则是react与redux沟通的桥梁,而redux是包含业务逻辑的地方,所以controller存在于react的容器组件中,但是在vue中没有容器组件的概念,然而我们可以编写出一个容器组件,用于存在其他展示组件,这通常是一个页面或者是页面里的某个模块 是否需要model层 对于中小型项目,大部分业务逻辑都已经被node中间层给处理了,前端

72.vue开发工具node.js以及构建工具webpack

1.概念 node.js:可以运行JavaScript的服务平台,可以把它当做一个后端程序,只是它的开发语言是JavaScript (通常情况下,JavaScript的运行环境都是浏览器,因此JavaScript的能力也就局限于浏览器能赋予它的权限了.比如说读写本地系统文件这种操作,一般情况下运行在浏览器中的JavaScript代码是没有这个操作权限的.如果我们想用JavaScript写出一些能够运行在操作系统上的,能够具有像PHP,JAVA之类的编程语言具有的功能的程序该怎么办呢?Node.j

vue开发工具vscode插件安装及调试

1.vue的开发工具Visual Studio Code下载链接:进入vscode官网(https://code.visualstudio.com/Download)2.选择下一步安装,我接受协议,选择安装位置,将打开方式添加到鼠标右键菜单上(勾选"其他"中的第一选项),继续点击下一步,完成安装.3.vscode开发前需要安装几个插件.可直接在工具中打开安装.也可进入vscode官网插件商店(https://marketplace.visualstudio.com/VSCode) 进行

Vue.js项目的开发环境搭建与运行

写作背景:手上入一个用Vue框架写的微信公众号项目,根据公司安排,我负责项目源代码的验收工作(当然专业的工作检测会交给web开发人员,我只是想运行起来看一看). 1 开发环境安装步骤: (一)安装node.js(JavaScript运行环境runtime) 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以完成. 完成之后,开发命令行工具,输入 node -v 如果出现相应的版本号,则说明安装成功. 另外,npm是node.js下的包管理器,npm能很好的和诸如webp